<!-- 
  Copyright (c) 2021-present, the hapjs-platform Project Contributors
  SPDX-License-Identifier: Apache-2.0
-->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>调试器</title>
  </head>
  <body class="bd-bg">
    <section class="qr-code-wrapper">
      <div>
        <div class="qr-code-panel">
          <div class="qr-img">
            <img src="" id="j-qr-icon" class="qr-icon" />
          </div>
          <div class="block alert alert-warning updatetip">
            <div class="block">
              <h2 class="block-title" title="在设备上预览">手机预览</h2>
              <p>1. 扫码安装rpk包</p>
              <p>
                2. 在手机的调试器上点击
                <button class="btn btn-default">开始调试</button> ，启动调试界面
              </p>
            </div>
            <div class="block">
              <h2 class="block-title" title="在浏览器中预览">web 预览</h2>
              <p><a href="/preview" target="_blank">打开 web 预览</a></p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="inform-tip-wrapper"></section>
    <section class="result inspector-link-panel hide">
      <div class="panel panel-default">
        <div class="panel-heading">调试</div>
        <div class="panel-body">
          <table class="table tunning">
            <tbody></tbody>
          </table>
        </div>
      </div>
    </section>
    <script type="text/template" id="j-tpl-appinfo">
      <tr>
        <td class="tname">{{data_app_name}}</td>
        <td class="tlink"><a href='{{data_href_value}}' target='_blank' class="label label-info">{{data_href_name}}</a>
        </td>
      </tr>
    </script>
    <script type="text/template" id="j-tpl-updatetip">
      <div class="alert alert-warning updatetip">
        <p>调试器已有重要更新，请更新调试器</p>
      </div>
    </script>
    <script src="/socket.io/socket.io.js"></script>
  </body>
</html>
